/* 
    Document   : mainStyle
    Created on : Sep 13, 2012, 9:10:31 PM
    Author     : LeMinhNhat
    Description:
        Purpose of the stylesheet follows.
*/
/*dzdzdzdddasas*/
body {
   
}

root { 
    display: block;
}

#container {
    margin-left: auto;
    margin-right: auto;
    
}


header {
    background-color:#44443D;  /* #44443D; #45BCD2; */
    margin: auto -50px 0 -50px;
    width : auto;
}

#backgroundBanner {   
    
}

#contentBackground {
    background-color: #CCD0CF; /*#CCD0CF; */
    margin: 0 -50px 0 -50px;
    position: relative;
    height: 860px;
    color : #3F3F38;
    box-shadow :  rgba(0,0,0,0.199219) 0px -0.5px 1px, rgba(0,0,0,0.199219) -0.5px 0 1px  ;
    -moz-box-shadow:  rgba(0,0,0,0.199219) 0px -0.5px 1px, rgba(0,0,0,0.199219) -0.5px 0 1px  ;
    -webkit-box-shadow:  rgba(0,0,0,0.199219) 0px -0.5px 1px, rgba(0,0,0,0.199219) -0.5px 0 1px  ;
    
}

#newsBackground {
    background-color:#1E1C18;
    -webkit-box-shadow: #000000 0px -0.5px 1px;
    -moz-box-shadow: #000000 0px -0.5px 1px;
    position: relative;
    height: 870px;
    box-shadow : #000000 0px -0.5px 1px  ;
    margin: 0 -50px 0 -50px;

}



#bannerContent {
    background-color: #44443D; /* #44443D #45BCD2; */
   
    background-repeat: no-repeat;
    color : #ffffff;   
    
    height: 700px;
    width: 990px;
    margin: -10px 229px 0 230px;
    
    position: relative;
    display: block;     
    margin-left: auto;
    margin-right: auto;
}

#newsContent {
    height:400px;
    width: 990px;
    margin: -490px 229px 0 230px;
    background-color: #191814;
    position:relative;
    
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    
    box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;    
    -webkit-box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;    
    -moz-box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;
    
    margin-left: auto;
    margin-right: auto;
}


#chartContent {
    background-color: #ffffff; /* #F0F0F0; */
    margin-top: 0px;
    height: 860px;
    width: 990px;
    margin: -860px 179px 0 180px;
    box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;    
    -webkit-box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;    
    -moz-box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;
    
    margin-left: auto;
    margin-right: auto;
       
    position: relative;
    display: block;
    
}


#btnSeeChart a {
    cursor : pointer;
    border-radius : 5px;
    margin : 0px 25px 0px 25px;
    position : relative;
    box-shadow: 1px 1px 5px #191814;
    padding : 5px 19px 5px 19px;
    background-color: #E95C41;
    color : #fff;
    text-decoration: none;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size : 15px;
    font-weight: bold;
}

#btnSeeChart {
    text-align : center;
}


#subContent {
    height:470px;
    width: 990px;
    margin: 0px 229px 0 230px;
    background-color: #191814;
    position:relative;
    
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-box-shadow: rgb(55,55,49) 0px 1px 0px 0px ;
    
    box-shadow: rgb(55,55,49) 0px 1px 0px 0px ;
    
    margin-left: auto;
    margin-right: auto;
}


.hidden { 
    display:none;
    position:absolute;}

.visible { 
    visibility:visible;
    position:absolute;
    margin: 120px 0px 0px 417px;
    top: 200px;
    text-align:center;
    font-size:19px;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    color : #3F3F38;
    }

#contactContent {
    background-color: #191814;
    height: 90px;
    width:990px;
    margin: 30px 229px 0 230px;
    position: relative;
    box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    
    border-bottom: 1px solid #000000;
    
    
    -webkit-box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    -webkit-border-radius:10px;
    border-radius:10px;
    
    margin-left: auto;
    margin-right: auto;
}

#subscribeContent {
    width : 990px;
    margin: 30px 229px 0 230px;
    margin-left: auto;
    margin-right: auto;
}

#subscribe {
    height: 205px;
    width:480px;
    
    position: relative;
    background-color: #191814;
    -webkit-box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    -webkit-border-radius: 10px;
    box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    border-bottom: 1px solid #000000;
    border-radius:10px;
    
    margin-left: auto;
    margin-right: auto;
    float : right;
}

#subscribe a{
    font-size:19px;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    color: #f0f0f0;
    margin : 20px 0px 20px 36px;
    display : block;
    word-spacing: 0.3px;
}

.inputSub {
    height: 16px;
    width: 380px;
    border-radius: 9px;
    margin : 0px 0px 11px 37px;
    font-size: 13px;
    padding: 5px 10px 5px 16px;
    -webkit-border-radius:9px;
    border : 0.5px;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    outline: none;
    color : #65645A;
}

#buttonSub {
    border-radius : 5px;
    border : 0px;
    cursor : pointer;
    float : right;
    margin : 5px 37px 0px 0px;
    width : 140px;
    height : 30px;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    background-color : #44443D;
    border-bottom: 1px solid #44443D;
    border-top: 1px solid #4D4D44;
    color : #ffffff;
    font-weight: bold;
}

#signup {
    height: 205px;
    width:480px;
    /*margin: 30px 229px 0 230px;*/
    position: relative;
    background-color: #191814;
    -webkit-box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    -webkit-border-radius: 10px;
    box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    border-bottom: 1px solid #000000;
    border-radius:10px;
    
    margin-left: auto;
    margin-right: auto;
    float : left;
}

#chart_div {
    height:500px;
    padding-top: 0px;    
}

#price_SilverMoon {
    height:118px;
    border-bottom:  1px solid  rgba(0,0,0,0.199219);
    margin-bottom : 0px;
    position: relative;
    
}

.contactPhone {}

h2 {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    margin : 15px 0px 10px 30px;
}

#blockA-News {
    width: 495px;
    float : left;
}

#blockA-News span{
    margin: 0px 1px 0px 0px;
    color : #fff;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    border-radius: 1.5px;
    background-color: #E95C41;
    padding : 7px 3px 7px 3px;
    font-size: 13px;
    width : 100px;
    text-align: center;
    cursor : pointer;
    display: inline-block;
}

#menuNewsContent {
    margin : 10px 0px 30px 30px;
}

#blockB-News {
    width: 495px;
    float:right;
    display:inline-block;    
}

#ImgDisplay {      
    
}

#newsImg {
    width : 200px;
    border-radius : 5px;
    box-shadow: #44443D 1px 1px 1px;    
    margin : 15px 20px 10px 20px;
    float : left;
}

#contentNews span {
    float: right;
    font-size : 11px;
    color : #fff;
    height: 17px;
    
}

#titleNews {    
    
}

#TitleList {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    display: block;
}

#contentNews {
    line-height: 18px; 
    text-indent: 35px;
    font-size : 14px;
    color: #7B7B7B;
    width: 450px;
    text-align : justify;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    
    
}



.linkViewDetail {
    cursor : pointer;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size : 13px;
    color : #ffffff;
}

.btnSeeMore {
    border-radius:5px;
    -webkit-border-radius: 5px;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size : 13px;
    height: 20px;
    
    padding: 7px 17px 5px 17px;
    margin: 15px 45px 0px 10px;
    background-color: #E95C41;
    float : right;
    color : #ffffff;
    cursor : pointer;
    
    /*border : 1px solid #5E5E5E;*/
}




.btn {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size : 13px;
    height: 20px;
    width: 370px;
    color: white;
    text-decoration: none;
    text-indent: 20px;
    font-weight: 500;
    font-size: 15px;
    padding: 4px 0 0;
    margin: 10px 20px 10px 60px;
    position: relative;
    
    background-color: #3F3F38;
    
    border-radius:5px;
    -webkit-border-radius: 5px;  
    
    border-bottom: 1px solid #44443D;
    border-top: 1px solid #4D4D44;
    
    text-shadow: rgba(0,0,0,0.398438) 1px 1px 0px;
    display:block;
    cursor : pointer;
}

.blue {    
    background-color: #6DC6DD;    
}

h3 {
    font-size: 27px;
    font-weight: bold;
    color: #ffffff;
    font-family: Helvetica,Arial,Verdana,sans-serif;    
    margin : 8px 0px 20px 0px;
}

#buyPrice {
    
    float : left;
    
    border-right: 1px solid  rgba(0,0,0,0.199219);
  
 
}

#sellPrice {    
    float : right
}

.price {
    width : 494px;
    height: 93px;
    display : inline-block;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    font-size : 19px;
    color: #3F3F38;
    padding : 15px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    position:relative;
    text-align: center;
    text-shadow: rgb(255,255,255) 1px 1px 0 ;
    letter-spacing: 0px;
}

.priceDetail {
    padding : 5px 0 5px 0;
    margin : 7px 90px 0px 90px;
    font-size : 40px;
    border-radius : 5px;
    background-color: #f0f0f0;
    text-align: center;
    box-shadow : 1px 1px 1px rgba(0,0,0,0.199219);
}

#signup iframe {
    height: 205px;
    width:480px;
    
    -webkit-box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    -webkit-border-radius: 10px;
    box-shadow: rgb(55,55,49) 0px 1px 0px 0px, rgb(14,13,11) 0px -1px 0px 0px  ;
    
    border-radius:10px;
    border-left: none;
    border-right : none;
    border-top : none;
}



